@media (min-width: 767px) {
  pre.line-numbers {
  	position: relative;
  	padding-left: 3.8em;
  	counter-reset: linenumber;
  }

  pre.line-numbers > code {
  	position: relative;
      white-space: inherit;
  }

  .line-numbers .line-numbers-rows {
  	position: absolute;
  	pointer-events: none;
  	top: 0;
  	font-size: 100%;
  	left: -3.8em;
  	width: 3em; /* works for line-numbers below 1000 lines */
  	letter-spacing: -1px;
  	border-right: 1px solid #999;

  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;

  }

  	.line-numbers-rows > span {
  		pointer-events: none;
  		display: block;
  		counter-increment: linenumber;
  	}

  		.line-numbers-rows > span:before {
  			content: counter(linenumber);
  			color: #999;
  			display: block;
  			padding-right: 0.8em;
  			text-align: right;
  }
}
